.container{
	height: 100vh;
	background-image: url(@/static/images/bg3.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: local; 
}
.teacherlayout {
	--main-black:#333;
    padding: 100rpx 30rpx;
	margin-top: 0rpx;
}
/* 教师信息 */
.teacher-info {
	display: flex;
    align-items: center;
    margin-bottom: 40rpx;
    padding: 20rpx 15rpx;
	border-radius: 16rpx;
	background-color: rgba(240, 240, 240, 0.9); 
	border: 2rpx solid #ddd;
}
        
/* 头像样式 */
.avatar-image {
	margin-right: 30rpx;
}
            
.avatar {
	width: 120rpx;
    height: 120rpx;
    border-radius: 50%;
    border: 2rpx solid rgba(0, 122, 255, 0.2);
}

/* 用户信息 */
.user-info {
	flex: 1;
}
            
.username {
	font-size: 36rpx;
    font-weight: bold;
    color: var(--main-black);
    margin-bottom: 10rpx;
}
            
.slogan {
	font-size: 28rpx;
    color: #999;
}

/* 班级和课程表区域 */
.classandtimetable {
	display: flex;
    justify-content: space-between;
    margin-bottom: 40rpx;
}
        
.class-create,
.timeable-input {
	width: 48%;
    height: 180rpx;
    background-color: rgba(240, 240, 240, 0.9); 
    border-radius: 16rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
	border: 2rpx solid #ddd;
}

.class-create:active,.timeable-input:active {
	transform: scale(0.98);
    opacity: 0.9;
    background-color: rgba(240, 240, 240, 0.9); 
}
            
.cuIcon {
    margin-bottom: 15rpx;
}

.cuIcon-roundadd,.cuIcon-read{
	font-size: 48rpx !important;
}

.class-create view {
    font-size: 32rpx;
    font-weight: bold;
}

.timeable-input view {
    font-size: 32rpx;
    color: var(--main-black);
    font-weight: bold;
}

/* 班级信息区域 */
.class-detail {
    margin-bottom: 20rpx;
    border:4rpx solid rgb(227,227,227);
    border-radius: 16rpx;
    padding: 30rpx;
    background-color: rgba(240, 240, 240, 0.9); 
}

.class-detail text {
  display: block;
  font-size: 34rpx;
  color: #333;
  font-weight: bold;
  margin-bottom: 15rpx;
}

.class-meta {
  display: flex;
  justify-content: space-between;
  font-size: 28rpx;
  color: #666;
}
.class-input {
	margin: 0 auto;
	padding: 0 20rpx; 
	border-radius: 12rpx;
	height: 90rpx; 
	width: 90%;
	font-size: 28rpx;
	border: 2rpx solid #ddd;
	background-color: #f9f9f9; 
}
.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120rpx;  /* 增加高度容纳文字 */
  background-color: rgba(255, 255, 255, 0.1); 
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 -2rpx 30rpx rgba(0,0,0,0.03);
  z-index: 999;
}

.tab-item {
  display: flex;
  flex-direction: column;  /* 垂直排列图标和文字 */
  align-items: center;
  padding: 10rpx 0;
}

.cuIcon {
  font-size: 44rpx;
  margin-bottom: 8rpx;  /* 图标和文字间距 */
}

.tab-text {
  font-size: 24rpx;
  color: #666;
}

/* 激活状态样式 */
.tab-item.active .cuIcon,
.tab-item.active .tab-text {
  color: #007AFF;
}